<template>
    <div class="content">
      <div>
          {{msg}}
      </div>
      <section v-if="!show">
        <ul>
          <li>
            <div class="top">
              <div class="left">
                <div class="img">
                  <img src="../../assets/pic3.jpg" alt="" />
                </div>
                <div class="par">
                  <div class="par-t">
                    <p class="name">Redmi Note 11 5G</p>
                    <p>8GB+128GB,神秘黑暗</p>
                  </div>
                  <div class="par-b">12月05日发货</div>
                </div>
              </div>
              <div class="right">
                  <div class="r-top">￥1999</div>
                  <div class="r-bot">x1</div>
              </div>
            </div>
            <div class="bot">
              <div class="b-top">
                  <span>实付款￥1999</span>
              </div>
              <div class="b-bot">
                  <div class="b-bot-ul">
                      <div class="item">延长收货</div>
                      <div class="item">查看物流</div>
                      <div class="item active">确认收货</div>
                  </div>
              </div>
            </div>
          </li>
        </ul>
      </section>
      <div class="empty" v-if="show">
          <img src="../../assets/noorder.png" alt="">
      </div>
     
    </div>
  </template>
  <script>
  
  export default{
      props:["msg"],
      data(){
          return{
             show:false,
             
          }
      },
      methods: {
         //子组件获取父组件值的方法
       
    }
  }
  </script>
  <style lang="scss" scoped>
  @import "@/static/css/base.scss";
  @import "@/static/componentscss/content.scss"
  </style>